<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>404错误页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<style type="text/css">
html,body,h1,h2,h3,h4,h5,p,div,ul,ol,li,pre,code,button{margin:0; padding:0;}
html, body, section{overflow-x:hidden;}
body{ font-family: 'seanfont', "microsoft yahei"; font-size: 14px; color:#555;}
a{text-decoration: none; color:#0099cc}
html{background-color:#f0f3f4;}
header{background-color:#16aad8; margin-bottom:100px; color:#fff;}
.main{max-width:640px; margin:0 auto; padding:0 10px; text-align:center;}
header .main{ padding:50px 0; font-size:30px; font-weight:400;letter-spacing: 0.08em;}
.main a{display:inline-block; vertical-align:top; height:50px; line-height:50px; border:1px solid #e4e4e4; border-radius:3px; color:#7d7d7d; width:100%; background-color:#FFF; font-size:18px; font-weight:600;}
.main a:hover{border:1px solid #cacaca;}
.msg { margin-top:30px;}
.msg h4{font-size: 26px; margin-bottom:25px;}
.msg,.msg p{font-size: 18px;}
.t-shadow {height:200px; font-size: 170px; line-height:170px; color:#FFF;font-weight:600; text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);}
</style>
</head>
<body>

<header>
  <div class="main">提示信息</div>
</header>
<section class="main" style="padding-bottom:50px;">
<div class="t-shadow">404</div>
<div class="msg">您可能访问了一个错误的地址，现在可以点击下方按钮返回我们网站的首页</div>
<div style="margin-top:50px;"><a href="/">返回首页</a></div>
</section>
</body>
</html>
